/* miniprogram/pre_loadModules/orderModule/pages/orderPayment/orderPayment.wxss */
.paymentContainer {
   height: 100vh;
   width: 100vw;
   .paymentTag {
      height: 100rpx;
      width: 100%;
      background: #fefde5;
      display: flex;
      align-items: center;

      .itembox {
         display: flex;
         width: 100%;
         font: 600 24rpx "Microsoft yahei";

         .itemicon {
            height: 32rpx;
            width: 32rpx;
            margin: 0 20rpx;
         }

         .itemtitle {
            letter-spacing: 2rpx;
            display: flex;
         }

         .itemTime {
            color: #f0bf8e;
            letter-spacing: 2rpx;
            font: 700 26rpx "Microsoft yahei";
            margin: 0 5rpx;
         }
      }
   }
   .innerBody {
      width: 100vw;
      padding: 10rpx;
      box-sizing: border-box;
      .orderInfoBox {
         height: 200rpx;
         border-bottom: 1rpx solid #f4f4f4;
         .orderTime {
            height: 100rpx;
            align-items: center;
            padding: 10rpx;
            box-sizing: border-box;
            display: flex;
            font: 700 30rpx "Microsoft yahei";

            .dyTime {
               font: 400 24rpx "Microsoft yahei";
            }
         }

         .orderSn {
            height: 100rpx;
            align-items: center;
            padding: 10rpx;
            box-sizing: border-box;
            display: flex;
            font: 700 30rpx "Microsoft yahei";

            .dysn {
               font: 400 24rpx "Microsoft yahei";
            }
         }
      }

      .paypricebox {
         height: 200rpx;
         width: 100%;
         display: flex;
         border-bottom: 1px solid rgba($color: #f4f4f4, $alpha: 1.0);
         align-items: center;
         justify-content: center;

         .price {
            height: 50rpx;
            width: 200rpx;
            display: flex;
            color: #f0bf8e;
            font: 200 60rpx "Microsoft yahei";
            align-items: center;
            justify-content: center;
         }
      }

      .payPathbox {
         width: 100%;
         .paypath {
            display: flex;
            justify-content: space-between;
            height: 200rpx;
            margin: 10rpx 0;
            border-bottom: 1rpx solid #f4f4f4;
            width: 100%;

            .pathleft {
               width: 50%;
               height: 100%;
               display: flex;
               padding-left: 10rpx;
               box-sizing: border-box;
               align-items: center;

               .paypathlog {
                  height: 100rpx;
                  width: 100rpx;
               }

               .infoBox {
                  margin-left: 10rpx;

                  .title {
                     font: 700 30rpx "Microsoft yahei";
                     letter-spacing: 2rpx;
                  }

                  .desc {
                     margin-top: 10rpx;
                     font: 400 24rpx "Microsoft yahei";
                     letter-spacing: 2rpx;
                  }
               }

            }

            .pathright {
               position: relative;
               width: 50%;
               height: 100%;
               display: flex;
               align-items: center;

               .radibox {
                  right: 20rpx;
                  position: absolute;
                  height: 60rpx;
                  width: 60rpx;
               }
            }
         }

      }
      .confirmPayBtnBox {
         position: fixed;
         bottom: 100rpx;
         width: 100%;
         left: 0;
         padding: 10rpx;
         box-sizing: border-box;
         .confirmbtn{
            background: #ffebd9;
            color: white;
            height: 100rpx;
            display: flex;
            align-items: center;
            justify-content: center;
         }
      }
   }
}